<template>
	<view>
		
		<view class="saoview" @click="handleScan()" v-if="type==1"  >
			<image class="sao" src="../static/cancel/sao.png"></image>
			<view>扫一扫</view>
		</view>
		
		<image class="image" v-if="type==0"  src="../static/cancel/saored.png"></image>
	</view>
</template>

<script>
	import jweixin from 'jweixin-module'
	export default {
		props: {
			type: ''
		},
		data() {
			return {
				
			}
		},
		created() {
			this.getConfig();
		},
		methods: {
			// 触发事件
			handleScan() {
			    jweixin.scanQRCode({
			        needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果
			        scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有
			        success: (res) => {
			          // 当needResult 为 1 时，扫码返回的结果
			          // console.log('扫码成功', res);
					  alert(res);
			        }
			     });
			},
			// 调用接口获取config信息
			async getJsApiConfig() {
				this.getConfig();
				
			},
			getConfig() {
				// 配置config信息
				let that =  this;
				let curPage = getCurrentPages();
				let route = curPage[curPage.length - 1].route; //获取当前页面的路由
				let params = curPage[curPage.length - 1].options; //获取当前页面参数，如果有
				let keys = Object.keys(params); //获取对象的key 返回对象key的数组
				
				let query = '';
				var apiUrl = route;
				if(keys.length > 0){
					query = keys.reduce((pre, cur) => {
										return pre + cur + '=' + params[cur] + '&';
									}, '?').slice(0, -1);

				}
				apiUrl   = apiUrl+query;
				that.$order.ceshi({'urls':apiUrl,'api':['scanQRCode']}).then(function (res) {
					jweixin.config({
						// debug: true,
						appId: res.data.appId, // 必填，公众号的唯一标识
						timestamp: res.data.timestamp, // 必填，生成签名的时间戳
						nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
						signature: res.data.signature, // 必填，签名
						jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表
					});
				})
				return;
				
				// 通过ready接口处理成功验证
				jweixin.ready(function () {
					jweixin.checkJsApi({
						jsApiList: ['scanQRCode'],
						success: function (res) {
							console.log(res);
							console.log('检验成功');
						}
					});
				});
				// 通过error接口处理失败验证
				jweixin.error(function (res) {
					console.log('校验失败');
				});
			}
		}
	}
</script>

<style lang="less">
	.saoview {
		position: absolute;
		right: 0;
		width: 100rpx;
		margin-right: 20rpx;
		.sao {
			width: 70rpx;
			height: 70rpx;
			display: block;
			margin: auto;
		}
		view {
			color: #FFFFFF;
			font-size: 28rpx;
			text-align: center;
		}
	}
	.image {
		width: 50rpx;
		height: 50rpx;
		display: block;
		margin-bottom: auto;
		margin-top: auto;
		margin-left: auto;
		margin-top: 34rpx;
	}
</style>